
<style>
    #main{
        width:100%;
        margin:0 auto;
        overflow:hidden;
    }
    #main .main-left{
        width:90%;
        float:left;
    }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div style="margin: 10px auto">代码部署小贴士：复制以下代码，放置在您需要出现在线客服页面的公共模版文件中；如果在线客服小方块图标跟你的网站图标重叠，请自行修改div的css即可！</div>
                    <div style="width: 100%" id="main">
                        <div class="main-left">
                            <textarea style="height:100px;width:100%;resize: none" class="form-control"><script type="text/javascript">document.write('<iframe style="position: fixed;bottom: 0;right: 0;z-index: 9999;" width="450" height="550" frameborder="0" scrolling="no" src="{$url}/addons/onlineservice/index/deploy?group_id={$group_id}"></iframe>')</script></textarea>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>